<script setup>
// 加载组件

// 引入pinia管理的全局变量
import {dataSet} from '@/stores'
// 实例化
const loading = dataSet()

</script>

<template>
    <!-- 加载页面 -->
    <div id="loading" v-show="loading.loadingShade">
        <img src="../../public/textures/img/loading.gif">
    </div>
</template>

<style lang="scss" scoped>
#loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 1);

    img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
</style>